body{
    /*background-color: #fff;*/
    width: 100%;
}
img { 
    height: auto; 
    width: auto; 
    overflow: hidden;
} 
.Recommended_daily_title{
    width: 100%;
    height: 10%;
    /*background-color: #66B3FF;*/
    float: left;
    opacity:0.5; 
    text-align: center;
    float: none;
}
#today{
    font-size: 3em;
    border-radius: 50%;
    box-shadow: 5px 5px 5px;
    font-family: 隶书;
    margin-left: 3%;
}
#day{
    font-size: 2em;
    border-radius: 50%;
    box-shadow: 5px 5px 5px;
    font-family: 隶书;
    margin-left: 3%;
}
#push{
    font-size: 4em;
    font-family: 隶书;
    border-radius: 50%;
    box-shadow: 5px 5px 5px;
    margin-left: 3%;  

}
#recommend{
    font-size: 3.5em;
    border-radius: 50%;
    box-shadow: 5px 5px 5px;
    font-family: 隶书;
    margin-left: 3%;
}
#comment_bubble {
    width: 50%;
    height: 20%;
    color: #fff;
    float: left;
    margin-left: 10%;
    margin-top: 3%;
    font-size: 2.5em;
    text-align: center;
    background: #00e3e3;
    position: relative;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 20% 20% 20% 20% 20% 20% 20% 20%;
}
  
#comment_bubble:before {
    content: "";
    width: 0;
    height: 0;
    right: 100%;
    top: 22%;
    position: absolute;
    border-top: 13px solid transparent;
    border-right: 26px solid #00e3e3;
    border-bottom: 13px solid transparent;
}                   

#comment_bubble1 {
    width: 80%;
    height: 15%;
    color: #fff;
    float: left;
    margin-left: 12%;
    margin-top: 8%;
    /*font-size: 4em;*/
    text-align: center;
    background: #00e3e3;
    position: relative;
    background: url(../images/danta.jpg) ;
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-size:cover;
    border-radius: 10%;
}
  
#comment_bubble1:before {
    content: "";
    width: 0;
    height: 0;
    left: 100%;
    top: 38px;
    position: absolute;
    border-top: 13px solid transparent;
    border-left: 26px solid #00e3e3;
    border-bottom: 13px solid transparent;
}                   

#comment_bubble2 {
    width: 90%;
    height: 15%;
    color: #fff;
    float: left;
    margin-left: 2%;
    margin-top: 8%;
    /*font-size: 4em;*/
    text-align: center;
    background: #00e3e3;
    position: relative;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 10%;
}
  
#comment_bubble2:before {
    content: "";
    width: 0;
    height: 0;
    left: 100%;
    top: 38px;
    position: absolute;
    border-top: 13px solid transparent;
    border-left: 26px solid #00e3e3;
    border-bottom: 13px solid transparent;
} 